<template>
	<view class="content">
	<!-- 	<view style="position: absolute;left: 10px;top: 5%;">
			<image src="../../static/wangyi/shoucang_jiantou.png"style="width: 30px;height: 30px;"></image>
		</view> -->
		<!-- 整个 -->
		<view style="margin:10px;margin-left:30px;">
			<!-- 第一个 -->
			<view style="position: absolute;top:10%;">
				<view>
					<h4 style="position: absolute;top:-70px;left:-30px;width:300px; color: #333333;">一套独特风格的iOS UI模板,PSD</h4>
					<h4 style="position: absolute;top:-45px;left:-90px;width:300px;color: #333333;">源文件免费分享</h4>
					<span style="position: absolute;top:-10px;left:-110px;width:300px; color: #C0C0C0;">#前端开发</span>
				</view>
				<view style="margin-left:240px;margin-top:-80px;">
					<image src="../../static/img/denglu/shoucang_shouji.png" style="width:100px;height:100px;"></image>
				</view>
							<hr>
			</view>
			<!-- 第二个 -->
			<view style="position: absolute;top:26%;" >
				<view>
					<h4 style="position: absolute;top:-70px;left:-30px;width:300px; color: #333333;">1.1跟简七理财 导学课【购买前</h4>
					<h4 style="position: absolute;top:-45px;left:-80px;width:300px;color: #333333;">必读，免费试学】</h4>
					<span style="border:1px solid #DC2D34;border-radius:50px;position: absolute;top:-10px;left:10px;width:40px;color:red;height:25px;">视频</span>
					<span style="position: absolute;top:-10px;left:-50px;width:300px; color: #C0C0C0;">#理财基础</span>
				</view>
				<view style="margin-left:240px;margin-top:-80px;">
					<image src="../../static/img/denglu/shoucang_shipin.png" style="width:100px;height:100px;"></image>
				</view>
				<hr>
			</view>
			<!-- 底部 -->
			<view style="position: absolute;bottom:20px;">
				<h5 style=" color: #808080;font-family:'宋体';">您需要定期回顾和更新知识清单，将您知道或学到的内容<br>与更多人分享、讨论，最终才能形成您自己的知识</h5>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			};
		},
		onLoad() {},
		methods: {}
	};
</script>

<style>
	.content {
		text-align: center;
		height: 400upx;
		margin-top: 60px;
	}
</style>
